.orderDetail {
    .goBakc {
        label {
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: rgba(102, 102, 102, 1);
            margin-left: 15px;
        }
    }

    .detailWarp {
        box-sizing: border-box;
        padding: 0 40px;
        margin-top: 15px;

        .rowCol10 {
            height: 242px;
            border: 1px solid rgba(204, 204, 204, 1);

            .colHead {
                height: 55px;
                line-height: 55px;
                box-sizing: border-box;
                padding-left: 20px;
                background: rgba(204, 204, 204, .6);
                font-size: 16px;
                font-family: Microsoft YaHei;
                font-weight: 400;
                color: rgba(102, 102, 102, 1);
            }

            .colDetail {
                box-sizing: border-box;
                padding-left: 20px;
                font-size: 14px;
                font-family: Microsoft YaHei;
                font-weight: 400;
                color: rgba(102, 102, 102, 1);
            }
        }

        .rowCol14 {
            height: 242px;
            border: 1px solid rgba(204, 204, 204, 1);
            border-left: 0;

            .orderTransition {
                height: 100%;
                margin-top: 44px;

                .icon {
                    width: 130px;
                    text-align: right;
                    float: left;
                    box-sizing: border-box;
                    padding-top: 12px;

                    i {
                        color: #2196F3;
                        font-size: 40px;
                    }
                }

                .transition {
                    float: left;
                    margin-left: 15px;

                    h3 {
                        font-family: Microsoft YaHei;
                        font-weight: 400;
                        color: rgba(102, 102, 102, 1);
                    }

                    p {
                        font-size: 14px;
                        font-family: Microsoft YaHei;
                        font-weight: 400;
                        color: rgba(153, 153, 153, 1);

                        label {
                            color: #2196F3;
                        }
                    }
                }

            }
        }
    }

    .shopDetail {
        box-sizing: border-box;
        padding: 0 40px;
        margin-top: 30px;

        .inner {
            width: 100%;
            border: 1px solid rgba(204, 204, 204, 1);
        }

        .shopHeader {
            padding: 0 25px;
            width: 100%;
            height: 55px;
            line-height: 55px;
            background-color: rgba(204, 204, 204, .3);
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: rgba(102, 102, 102, 1);
            text-align: center;
        }

        .shopConten {
            padding: 20px 25px;

            .warp {
                height: 146px;

                .cover {
                    float: left;
                    width: 146px;
                    height: 146px;

                    img {
                        width: 146px;
                        height: 146px;
                    }
                }

                .warptext {
                    width: calc(100% - 176px);
                    float: left;
                    margin-left: 20px;

                    h3 {
                        font-family: Microsoft YaHei;
                        font-weight: bold;
                        color: rgba(102, 102, 102, 1);
                        margin-block-start: 0;
                        margin-block-end: 0;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                    p {
                        font-family: Microsoft YaHei;
                        font-weight: 400;
                        color: rgba(153, 153, 153, 1);
                        font-size: 14px;
                    }
                }
            }

            .modes {
                width: 100%;
                height: 146px;
                display: flex;
                align-items: center;

                .textBox {
                    width: 100%;
                    text-align: center;
                    font-size: 16px;
                    font-family: Microsoft YaHei;
                    font-weight: 400;
                    color: rgba(153, 153, 153, 1);

                    p {
                        width: 122px;
                        color: rgba(33, 150, 243, 1);
                        margin: 0 auto;
                    }
                }
            }
        }
    }

    .totalwarp {
        box-sizing: border-box;
        padding: 0 40px;
        margin-top: 30px;

        .total {
            box-sizing: border-box;
            padding: 10px 20px;
            // height: 60px;
            background-color: rgba(204, 204, 204, .3);

            p {
                font-size: 16px;
                font-family: Microsoft YaHei;
                font-weight: 400;
                color: rgba(102, 102, 102, 1);
                text-align: right;
                label{
                    color: #E32424;
                }
            }
        }
    }

}